<template>
  <div>
    <div class="top-second-wrap">
      <div class="top-second-inner-wrap">
        <div class="breadcrumb-wrap">
          <bread-crumb></bread-crumb>
        </div>
        <div>
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="基本信息" name="basicInformation"></el-tab-pane>
            <el-tab-pane label="财务信息" name="financialInformation"></el-tab-pane>
            <el-tab-pane label="项目经理档案" name="projectManagerProfile"></el-tab-pane>
            <el-tab-pane label="服务类别" name="serviceCategory"></el-tab-pane>
            <el-tab-pane label="申请入库" name="applyForPutInStorage"></el-tab-pane>
            <el-tab-pane label="调整记录" name="adjustTheRecord"></el-tab-pane>
          </el-tabs>
        </div>
      </div>

    </div>

    <div class="main-container">
      <div v-if="activeName=='basicInformation'">
        <basicInformation></basicInformation>
      </div>
      <div v-if="activeName=='financialInformation'">
        <financialInformation></financialInformation>
      </div>
      <div v-if="activeName=='projectManagerProfile'">
        <projectManagerProfile></projectManagerProfile>
      </div>
      <div v-if="activeName=='serviceCategory'">
        <basicInfserviceCategoryormation></basicInfserviceCategoryormation>
      </div>
      <div v-if="activeName=='applyForPutInStorage'">
        <applyForPutInStorage></applyForPutInStorage>
      </div>
      <div v-if="activeName=='adjustTheRecord'">
        <adjustTheRecord></adjustTheRecord>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from "vue";
  import BreadCrumb from "@/components/bread-crumb/Index.vue";
  import basicInformation from "./components/basicInformation.vue";
  import financialInformation from "./components/financialInformation.vue";
  import projectManagerProfile from "./components/projectManagerProfile.vue";
  import basicInfserviceCategoryormation from "./components/serviceCategory.vue";
  import applyForPutInStorage from "./components/applyForPutInStorage.vue";
  import adjustTheRecord from "./components/adjustTheRecord.vue";

  export default defineComponent({
    // setup() {
    // },
    components: {
      BreadCrumb,
      basicInformation,
      financialInformation,
      projectManagerProfile,
      basicInfserviceCategoryormation,
      applyForPutInStorage,
      adjustTheRecord,
    },
    data() {
      return {
        activeName: "basicInformation",
      };
    },
    methods: {
      // eslint-disable-next-line @typescript-eslint/no-empty-function
      handleClick() {},
    },
  });
</script>


<style lang="scss" scoped>
.main-container {
  padding: 20px 0;
}
.top-second-wrap {
  background: white;
  .top-second-inner-wrap {
    width: 1164px;
    margin: 0 auto;
    .breadcrumb-wrap {
    }
  }

  // /deep/ .el-tabs__nav-wrap::after {
  //   background-color: unset;
  // }
  // /deep/ .el-tabs__header {
  //   margin: unset;
  //   height: 60px;
  //   line-height: 60px;
  // }
}

.main-container {
  width: 1164px;
  margin: 0 auto;
}
</style>